import React, {Component} from 'react';
import {StyleSheet, View, Text, Image, WebView} from 'react-native';

export default class extends Component {
    render() {
        return (
            <View style={styles.container}>
                <View style={styles.titleWrap}>
                    <Text style={styles.title}>查看宝贝详情</Text>
                    <Image source={require('../../../images/icon_arrow_right.png')} style={styles.arrow}/>
                </View>
                <WebView
                    source={{uri: 'https://www.baidu.com'}}
                    style={{height: 0}}
                />
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        marginTop: 6,
    },
    titleWrap: {
        paddingLeft: 12,
        paddingRight: 6,
        flexDirection: 'row',
        height: 32,
        alignItems: 'center',
        justifyContent: 'space-between',
        backgroundColor: '#fff'
    },
    title: {
        fontSize: 12,
        color: '#777777',
        height: 32,
        lineHeight: 32,
        backgroundColor: '#fff'
    },
    arrow: {
        width: 30,
        height: 30
    }
});
